@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {}
ol,ul { list-style-type: none}
a{text-decoration:none; color: #000} a:hover{text-decoration:none; }
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{ clear:both}
.fl{ float:left;}
.fr{ float:right; }
.warp{ width: 990px; margin: 0 auto}

*{ margin:0; padding:0;}
body{ margin:0; padding:0; font: 14px/24px Arial, "微软雅黑";}
.pageWidth{ width: 100%; height: 111px;  background: url(../images/headBg.jpg) repeat-x;}
.ghead{ width: 990px; height: 110px;}
.logo{ margin: 18px 0 0 0; float: left;}
.glanager{ float: right; margin: 40px 0 0 0}
.nav{ width: 990px; height: 49px; background: url(../images/navBg.png) no-repeat; float: left}
.nav li{ float: left; width: 97px; text-align: center; height: 49px; line-height: 49px}
.nav li a{ font-size: 16px; width: 97px; height: 49px; display: inline-block}
.nav li a:hover, .nav li.hover{ background: url(../images/navBg1.png) no-repeat}


/* banner */
.banner{ width: 990px; height: 340px; float: left; margin: 15px 0; position:relative;  overflow:hidden;}
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:340px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:340px;  }
.banner .bd li a{ height:340px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(images/banner-btn.png) 0 0 no-repeat;
_background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

.picTab{ width: 618px; height: 224px; background: url(../images/bg.jpg) no-repeat 0 0; margin-right:20px}
.accordioCon{width:618px;height:224px;overflow:hidden;margin:20px 0 0 12px;}
.acc dl dd,.acc dl dt{ float:left;display:inline;padding:0;margin:0;}
.acc dl dt{ width:0px;overflow:hidden;}
.acc dl dd{ width:35px;height:224px;cursor:pointer;}
.about{ width: 350px; height: 225px;}
.title1{ width: 358px; height: 32px; background: url(../images/t1.jpg) no-repeat}
.title p{ padding: 1% 2%}
a:hover.more{ color: #da1f43}
.aboutTxt, .kfPic, .ryPic, .contactTxt{ width: 346px; height: 180px; padding: 5px; border: 1px solid #ededed; border-bottom-left-radius:10px; border-bottom-right-radius:10px}
.aboutTxt p{ float: left; margin: 0 5px; font-size:12px; font-family:"宋体"; color: #2b2a2a}
.first-p{ width: 160px; height: 170px; overflow: hidden}
.mainforBox2{ width: 1000px; height: 212px; margin: 12px 0 20px 0; overflow: hidden}
.kf{ width: 342px; height: 212px;}
.title2{ width: 342px; height: 33px; background: url(../images/t2.jpg) no-repeat}
.fc12{ font-size: 12px}
.kfPic{ width: 330px; height: 167px}
.kfPic img{ width: 155px; height: 66px; border: 1px solid #d5d4d4}
.kfPic li{ float: left; margin: 0 4px}
.title3{ width: 306px; height:33px; background: url(../images/t3.jpg) no-repeat}
.ry{ width: 305px; height: 212px; margin: 0 20px; }
.ryPic{ width: 293px; height: 167px}


.ry{ width: 305px; height: 212px; float: left;  position:relative;  overflow:hidden;}
.ry .rybd{ position:relative; z-index:0; left: 15px  }
.ry .rybd ul{ width:100% !important; }
.ry .rybd li{ width:100% !important;  height:212px; }
.ry .rybd li .siteWidth{ width:305px; position:relative;  margin:0 auto;  height:212px;  }
.ry .rybd li a{ height:212px; display:block;  }
.ry .rybd .txt{ position:absolute; width:305px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.ry .rybd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(images/banner-btn.png) 0 0 no-repeat;
_background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
}
.ry .ryhd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.ry .ryhd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.ry .ryhd ul .on{ filter:alpha(opacity=100);opacity:1;  }
.contact{ width: 308px; height: 212px; float: right}
.title4{ width: 308px; height:33px; background: url(../images/t4.jpg) no-repeat}
.contactTxt{ width: 296px; height: 167px; font-size:12px;}

.message{ width: 998px; heihgt: 45px; border: 1px solid #e8e8e8; float: left; display: block; line-height: 45px}
.icon0{ width:20px; height: 26px; background: url(../images/icon.gif) no-repeat; float: left; line-height: 26px; margin: 10px 10px 0 10px}
.foot{ width: 100%; border-top: 1px solid #ccc; font-size: 12px; padding: 20px 0 40px 0; float: left; margin-top: 40px; text-align: center}
.foot a:hover, .red{ color: #F00}


/******pic*****/
.subMainforBox{ width: 960px; margin: 0 auto;  float: left; margin-top: 328px; background:#fff; padding: 10px 20px; box-shadow: 1px 2px 4px #ccc}
.location{ width: 960px; height: 2px; border-bottom: 1px solid #d6d6d6; height: 40px; line-height: 40px}
.location a:hover{ color: #f50502; text-decoration: underline}
.commBox{ width: 960px; margin: 20px auto 0 auto}
.left{ width: 260px; height: auto}
.subTitle{ width: 259px; height: 70px; background: url(../images/bg_03.jpg) no-repeat; position: relative; margin-bottom: 10px}
.subTitle strong{ position: relative; left: 90px; top: 30px; font-size: 16px}
.ulList{ width: 260px; }
.ulList li a{ float: left; width: 200px; height: 33px; background: url(../images/first-bg-03.gif) no-repeat 0 0; text-align: center; line-height: 33px; margin-bottom: 5px; display: inline-block; margin: 0 0 5px 30px }
.ulList li a:hover{ background: url(../images/first-bg-03.gif) no-repeat 0 -31px}
.titles{ float: left; width:259px; height: 25px; background: url(../images/BG4.jpg) no-repeat 0 0; color: #fff; text-indent: 2.5em}
.form{ width: 227px; padding: 20px 15px; border: 1px solid #d6d6d6; float: left}
.btn{ width: 60px; height: 24px; display: block; margin: 15px auto 0 auto}
.clickList{ margin: 10px 0 0 0; float: left}
.clickList ul{ border: 1px solid #d6d6d6; padding: 15px 10px; float: left; width:237px;}
.clickList ul li b{ float: left; width: 18px; height: 18px; background: #ff9a00; float: left; text-align: center; line-height: 18px; color: #fff; font-weight: normal; margin: 3px 5px 0 0}
.clickList ul li a{ float: left; width: 208px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis}
.clickList ul li a:hover{ text-decoration: underline}
.right{ width: 690px;}
.proList li{ width: 200px; height: 147px; padding: 4px; border: 1px solid #e3e7e6; float: left; margin: 0 0 45px 18px; text-align: center}
.proList li:hover{ background: #fff3cc; border: 1px solid #fd5f00}
.proList li img{ margin-bottom: 13px; display: block}
.page{ display: block; text-align: center; line-height: 60px; line-height: 60px}
.cpjs{ width: 650px; margin: 20px 0 0 20px; display: block; float: left; min-height: 450px}
.cpjsTitle{ background: #676767; padding: 2px 5px; width: 100px; height: 30px; float: left; line-height: 30px; border-top-left-radius:5px; border-top-right-radius:5px; text-align: center; color: #fff;}
.cpjsTitles{ width: 100%; height: 33px; border-bottom: 1px solid #676767; float: left; margin: 80px 0 10px 0}



/****news****/
.subMenu ul{ padding: 15px 0 0 0;}
.subMenu ul li{ float: left; width: 220px; height: 25px; line-height: 25px; border-bottom: 1px solid #275b3f}
.subMenu ul li i{ margin-top: 12px}
.subMainforBoxM_R{ width: 685px}
.news-list{ width: 665px;  float: left; margin: 15px 0 0 20px; overflow: hidden}
.news-list li{ float: left; width: 665px; line-height: 30px; color:#000}
.news-list li a{ width: 500px; overflow: hidden; text-overflow: ellipsis; float: left; white-space: nowrap; margin-right: 45px; display: inline; color:#000}
.news-list li a:hover{ text-decoration: underline; color:red}
.ico2{ float: left; width: 6px; height: 6px; background: url(../images/img02.png) no-repeat; margin: 12px 5px 0 0;  display: inline}

/***newsCon***/
.newsCon{ width: 680px; margin: 0 auto; height: auto;}
.newsCon h1{ font-size: 25px; width:680px; text-align: center; font-weight: normal; padding: 35px 0 15px 0}
.newsCon p{ line-height: 24px}
.updown{ display: block; width: 680px; height: 80px; margin: 60px 0 0 0}
.updown a:hover{ color: red; text-decoration: underline}
.publiser{ display: block; text-align: center; margin-bottom: 10px; color: #666}

/* message */
.messageForm{ width: 320px; height: 340px; margin: 20px 0 0 50px; float: left}
.messageForm ul li{ float: left; width: 320px; margin-bottom: 15px}
.messageForm ul li label{ font-size: 14px; text-align: right; float: left; width: 100px; height: 30px; display: inline-block }
.messageForm ul li input{ float: left; width: 163px; height: 20px; background: #fff; border: 1px solid #ccc; outline: none; text-indent: .5em}
.messageForm ul li textarea{ float: right; outline: none; border: 1px solid #ccc; padding: 5px}
.submitBtn{ width: 80px; height: 35px; margin: 10px 0 0 130px; font-size:14px; cursor: pointer }


/*css megas512 style pagination*/
div.megas512{padding:3px;margin:3px;text-align:center;}
div.megas512 a{border:#dedfde 1px solid;padding:2px 6px;background-position:50% bottom;color:#000;margin-right:3px;text-decoration:none;}
div.megas512 a:hover{border:#000 1px solid;background-image:none;color:#fff;background-color:#777777;}
div.megas512 a:active{border:#000 1px solid;background-image:none;color:#fff;background-color:#777777;}
div.megas512 span.current{padding:2px 6px;font-weight:bold;color:#000;margin-right:3px;}
div.megas512 span.disabled{padding:2px 6px;color:#000;margin-right:3px;}

